[React] 0. 들어가면서

react-ecosystem

React는 라이브러리이다. 라이브러리와 프레임워크의 가장 큰 차이점은 자유도에 있다고 생각한다. 프레임워크는 여러 약속의 집합이라고 할 수 있다. React를 사용하다보면 수많은 의사 결정을 마주하게 되는데 이러한 부분들을 약속으로 정해 프레임워크화하여 프로젝트에 적용한 작은 경험을 공유한다.

planning

React Ecosystem에서의 best practice라고 했지만 이 글은 best practice를 찾아 떠나는 여정에 더 가까운 글이며 그 도착지가 정답이 아닐 수 있다. 또 6개월 후에는 아무 의미없는 글이 될 수도 있다. 그러나 고민의 과정은 의미없지 않을 것 같아서 이렇게 기록한다.

best_practice

이 시리즈는 다음 version을 기반으로 작성되었다.

{
  "react": "^16.8.6",
  "react-dom": "^16.8.6",
  "react-i18next": "^10.11.4",
  "react-redux": "^7.1.0",
  "react-router-dom": "^5.0.1",
  "react-scripts": "3.0.1",
  "react-transition-group": "^4.2.1",
  "redux": "^4.0.4",
  "redux-actions": "^2.6.5",
  "redux-saga": "^1.0.5",
  "ts-optchain": "^0.1.7",
  "typescript": "^3.5.3"
}